<!--
1. 父组件向子组件传递方法
    1. 在子组件中绑定父组件的方法
    2. 在子组件中的方法中通过emit方法调用父组件传递过来的方法
2. emit函数从第二个参数开始都是要调用的函数的参数



-->


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../lib/vue.js"></script>
</head>
<body>
    <div id="app">
        <com @func="show"></com>
    </div>

    <template id="tmp">
        <div>
            <h1>这是子组件</h1>
            <button @click="myclick">调用父组件中的方法</button>
        </div>
    </template>

    <script>

        var com={
            template:"#tmp",
            data(){
                return {
                    son:{name:"儿子",age:6},
                }
            },
            methods: {
                myclick(){
                    this.$emit('func',this.son.name);
                }
            }
        };

        var vm=new Vue({
            el:"#app",
            data:{
                msg:''
            },
            methods:{
                show(data){
                    console.log('调用了父组件的show方法'+data);
                    this.msg=data;
                }
            },
            components:{
                com
            }

        })
    </script>
</body>
</html>